﻿@using Telerik.Web.Mvc.UI
@using Tesis.Areas.Modelos.Models
@model Tesis.Areas.Modelos.Models.Normal


<table style="border-width: 0px; width: 100%;">
<tr>
	<th style="border-width: 0px; width: 10%">@Html.LabelFor(model => model.fx_simple)</th>
	<td style="border-width: 0px; width: 70%"><img src='@Url.Content(Model.fx_simple)'alt='Binomial' style="border: thin solid #000080" /></td>
</tr>
<tr><td style="border-width: 0px;" ></td><td style="border-width: 0px;"></td></tr>
<tr>
	<th style="border-width: 0px; width: 10%">@Html.LabelFor(model => model.Fx_acumulada)</th>
	<td style="border-width: 0px; width: 70%"><img src='@Url.Content(Model.Fx_acumulada)'alt='Binomial' style="border: thin solid #000080;" /></td>
</tr>
</table>
<br /><hr /><br />
	<table style="border-width: 0px; width: 100%">
		<tr>
			<th style="border-width: 0px; width: 40%">
				<b>Parametros</b>
			</th>
			<th style="border-width: 0px; width: 40%">
				<b>Estadísticos</b>
			</th>
			<th style="border-width: 0px; width: 20%">
				<b>Actualizar</b>
			</th>
		</tr>
	</table><br />

@using (Html.BeginForm("DetailsNormal","Modelo"))
{
	<fieldset>
<table style="border-width: 0px; width: 100%;">
<tr>
	<td style="width: 40%;">
			<table style="border-width: 0px; width: 100%;">
			<tr>
				<td style="border-width: 0px; width: 70%">@Html.LabelFor(model => model.u)</td>
				<td style="border-width: 0px; width: 30%">@Html.Telerik().AutoCompleteFor(model => model.u).HtmlAttributes(new { Style = "width: 50px;" })</td>
			</tr>
			<tr>
				<td style="border-width: 0px; width: 70%">@Html.LabelFor(model => model.o)</td>
				<td style="border-width: 0px; width: 30%">@Html.Telerik().AutoCompleteFor(model => model.o).HtmlAttributes(new { Style = "width: 50px;" })</td>
			</tr>
			<tr>            
				<td style="border-width: 0px; width: 70%">@Html.LabelFor(model => model.K)</td>
				<td style="border-width: 0px; width: 30%">@Html.Telerik().AutoCompleteFor(model => model.K).HtmlAttributes(new { Style = "width: 50px;" })</td>
			</tr>
			</table>
	</td>
	<td style="width: 40%;">
			<table style="border-width: 0px; width: 100%">
			<tr>
				<td style="border-width: 0px; width: 40%">@Html.LabelFor(model => model.E)</td>
				<td style="border-width: 0px; width: 10%">@Html.Telerik().AutoCompleteFor(model => model.E).HtmlAttributes(new { Style = "width: 50px;" })</td>
				<td style="border-width: 0px; width: 50%"><img src='@Url.Content(Model.Esperado)'alt='Binomial' style="border: thin solid #000080" /></td>
				
			</tr>
			</table>
		
			<table style="border-width: 0px; width: 100%">
			<tr>
				<td style="border-width: 0px; width: 40%">@Html.LabelFor(model => model.V)</td>
				<td style="border-width: 0px; width: 10%">@Html.Telerik().AutoCompleteFor(model => model.V).HtmlAttributes(new { Style = "width: 50px;" })</td>
				<td style="border-width: 0px; width: 50%"><img src='@Url.Content(Model.Varianza)'alt='Binomial' style="border: thin solid #000080;" /></td>
			</tr>
			</table>
	</td>
	<td style="width: 20%; vertical-align: middle; text-align: center;">
		<input type="submit" value="Evaluar" />
	</td>
</tr>
</table>
	</fieldset>
}
<br /><hr /><br />
<table style="border-width: 0px; width: 100%;">
<tr>
	<th style="border-width: 0px; width: 10%">@Html.LabelFor(model => model.fx_simple)</th>
	<th style="border-width: 0px; width: 10%">@Html.LabelFor(model => model.Fx_acumulada)</th>
</tr>
<tr>
	<td style="border-width: 0px; width: 50%">
	
		@(Html.Telerik().Chart<Grafico>(Model.GetFuncionSimpleArreglo())
			.Name("chartnormalsimple")
			.Legend(legend => legend
				.Position(ChartLegendPosition.Bottom)
				.Visible(true)
			)
			.Series(series =>
			{
				series.Column(s => s.fx).Name("X");  // LO QUE DIBUJA LAS BARRAS
			})
			.CategoryAxis(axis => axis
			.Categories(s => s.sx) //ETIQUETA DE LAS X
			)
			.ValueAxis(axis => axis
				.Numeric().Labels(labels => labels.Format("{0:N}"))//ETIQUETA DE LAS Y
				.MajorGridLines(majorGridLines => majorGridLines.Visible(false))
				.PlotBands(plotBands =>
					  {
						  plotBands.Add().Color("#cccccc").From(0).To(12000).Opacity(0.3);
					  })
				  )
			.Tooltip(tooltip => tooltip
				.Visible(true)
				.Format("{0:N}")
			)
			.HtmlAttributes(new { style = "width: 600px; height: 400px; margin: auto;" })
		)



	</td>	
	<td style="border-width: 0px; width: 50%">
	@(Html.Telerik().Chart<Grafico>(Model.GetFuncionAcumuladaArreglo())
			.Name("chartnormalacumulada")
			.Legend(legend => legend
				.Position(ChartLegendPosition.Bottom)
				.Visible(true)
			)
			.Series(series =>
			{
				series.Column(s => s.fx).Name("X");  // LO QUE DIBUJA LAS BARRAS
			})
			.CategoryAxis(axis => axis
			.Categories(s => s.sx) //ETIQUETA DE LAS X
			)
			.ValueAxis(axis => axis
				.Numeric().Labels(labels => labels.Format("{0:N}"))//ETIQUETA DE LAS Y
				.MajorGridLines(majorGridLines => majorGridLines.Visible(false))
				.PlotBands(plotBands =>
					  {
						  plotBands.Add().Color("#cccccc").From(0).To(12000).Opacity(0.3);
					  })
				  )
			.Tooltip(tooltip => tooltip
				.Visible(true)
				.Format("{0:N}")
			)
			.HtmlAttributes(new { style = "width: 600px; height: 400px; margin: auto;" })
		)
	</td>	
</tr>
</table>
